<template>
  <div class="activity">
    <div class="btn-title">
      <title-bar :title-array="title"></title-bar>
    </div>
    <router-view/>
  </div>
</template>

<script type="text/ecmascript-6">
  import titleBar from '../../common/titleBar/titleBar'

  export default {
    data() {
      return {
        title: [
          {
            name: '活动',
            parent: 'activity',
            router: 'active'
          },
          // {
          //   name: '有奖',
          //   parent: 'activity',
          //   router: 'prize'
          // },
          {
            name: '公告',
            parent: 'activity',
            router: 'activeNotice'
          }
        ]
      }
    },
    components: {
      titleBar
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import "../../../assets/stylus/mixin.styl"
  .activity
    position relative
    .btn-title
      padding 24px 32px 0 32px
</style>
